<template>
    <view class="container flex flex-col  min-h-screen bg-[#ffeeee]">
      <header class="py-6 text-center tracking-widest text-gray-500 text-xl">REGISTER</header>
      <view class="logBox mt-8  mx-4 p-4">
        <view class="title my-2 text-gray-500">Email</view>
        <input class="bg-[#fefefe] px-4 h-12 rounded-lg mb-4" type="text">
        <view class="title my-2 text-gray-500">Password</view>
        <input class="bg-[#fefefe] px-4 h-12 rounded-lg mb-4" type="text">
        <view class=" my-2 text-gray-500">
            <view>Confirm Password</view>
        </view>
        <input class="bg-[#fefefe] px-4 h-12 rounded-lg " type="text">
      </view>
      <button class=" mx-8 font-bold h-12 bg-[#243b6b] rounded-xl text-[#f1f1f1] mt-4">Register</button>
      <span class="mx-4 px-8 text-center mt-6 mb-6 text-sm text-[#243b6b]">By registering you automatically accept the
      <a class="text-[#243b6b]" href="#">Terms & Policies</a> of candy app.
      </span>
      <text class="text-center text-sm text-[#243b6b]"></text>
      <view @tap='toLogin' class=" text-center font-bold text-lg underline text-[#243b6b] my-4 "> Have account？Log In</view>
    </view>
</template>

<script setup>
const toLogin = ()=>{
  uni.navigateTo({
    url:'/subpackage/login/login'
  })
}
</script>

<style lang="scss">

</style>
